<ion-menu [content]="content" id="left-menu">
  <ion-header class="side-menu-header">
    <img src="assets/img/posify.png" />
    <h1>{{ global.curUser.name }}</h1>
    <h3>{{ global.curUser.login }}</h3>
    <p>{{ global.warehouse.warehouse_EN_US }}</p>
  </ion-header>

  <ion-content class="side-menu-content">
    <!--<button ion-button color="white" full menuClose (click)="orderHistory()">
      <i class="fa fa-tag"></i>
      {{ 'ORDER_HISTORY' | translate }}
    </button>
    <button ion-button color="white" full menuClose>
      <i class="fa fa-users"></i>
      {{ 'CUSTOMER' | translate }}
    </button>
    <button ion-button color="white" full menuClose>
      <i class="fa fa-shopping-basket"></i>
      {{ 'PICK_UP' | translate }}
    </button>
    <button ion-button color="white" full menuClose>
      <i class="fa fa-shopping-cart"></i>
      {{ 'DAY_END_REPORT' | translate }}
    </button>-->
    <button ion-button color="white" full menuClose (click)="settings()">
      <i class="fa fa-cog"></i>
      {{ 'SETTINGS' | translate }}
    </button>
    <button ion-button color="white" full menuClose (click)="logOut()">
      <i class="fa fa-sign-out"></i>
      {{ 'LOGOUT' | translate }}
    </button>
  </ion-content>

  <ion-footer class="side-menu-footer">
    <div><span>2.2.0622.3</span></div>
    <!--<button ion-button color="white" full menuClose (click)="settings()">
      <i class="fa fa-cog"></i>
      {{ 'SETTINGS' | translate }}
    </button>
    <button ion-button color="white" full menuClose (click)="logOut()">
      <i class="fa fa-sign-out"></i>
      {{ 'LOGOUT' | translate }}
    </button>-->
  </ion-footer>

</ion-menu>

<!-- Disable swipe-to-go-back because it's poor UX to combine STGB with side menus -->
<ion-nav [root]="rootPage" #content swipeBackEnabled="false"></ion-nav>